<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui"
      xmlns:ui="http://java.sun.com/jsf/facelets">

    <ui:composition template="/template/templateSGR#{sesion.usuario.getRol() == 3 ? 'Usuario' : ''}.xhtml">
        <ui:param name="param" value="autogestionReservas"/>
        <ui:define name="index">

            <h:form id="form-#{param}">

                <p:growl id="msg#{param}" showDetail="false" autoUpdate="true" />

                <article id="content">
                    <div class="wrap">
                        <style >      
                            .ui-panelgrid td{
                                padding:0px 0px 0px 0px !important;
                            }
                        </style>
                        <div class="box">
                            <div>
                                <h2 class="letter_spacing">Gestiona <span>tus reservas en Deliccio</span></h2>

                                <p:panelGrid columns="1" id="autogestionReservas" styleClass="tablaExterna">

                                    <h:form id="formTabla#{param}">

                                        <p:dataTable  var="item"
                                                      value="#{pCAutogestion.listadoReservas}"
                                                      rows="10"
                                                      paginator="true"
                                                      paginatorTemplate="Página: {CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink}"  
                                                      lazy="true"
                                                      resizableColumns="true"
                                                      paginatorAlwaysVisible="false"
                                                      emptyMessage="No hay reservas que mostrar."
                                                      id="tableModel#{param}"
                                                      style="text-align: left;">

                                            <p:column sortBy="#{item.cantidad}" style="text-align: center;">
                                                <f:facet name="header">
                                                    <h:outputText value="Cant. Comensales"/>
                                                </f:facet>
                                                <h:outputText value="#{item.cantidad}"/>
                                            </p:column>

                                            <p:column sortBy="#{item.fechaHora}">
                                                <f:facet name="header"> 
                                                    <h:outputText value="Fecha"/>
                                                </f:facet>
                                                <h:outputText value="#{item.fechaHora.time}">
                                                    <f:convertDateTime pattern="dd/MM/yyyy"/>
                                                </h:outputText>
                                            </p:column>

                                            <p:column sortBy="#{item.horario}">
                                                <f:facet name="header"> 
                                                    <h:outputText value="Horario"/>
                                                </f:facet>
                                                <h:outputText value="#{pCReserva.devolverHorario(item.horario)}" />
                                            </p:column>

                                            <p:column sortBy="#{item.comentario}">
                                                <f:facet name="header">
                                                    <h:outputText value="Comentario"/>
                                                </f:facet>
                                                <h:outputText value="#{item.comentario}"/>
                                            </p:column>
                                        </p:dataTable>

                                    </h:form>

                                </p:panelGrid>

                                <div style="margin-top: 0px; width: 60%; ">
                                    <h:link value="&#60;&#60; Volver" styleClass="btn-cancelar" outcome="/paginas/usuarios/autogestion/tabla_autogestion.xhtml" style="float: left;margin-top: 14px;" />
                                </div>

                            </div>
                        </div>
                    </div>
                </article>

            </h:form>

        </ui:define>
    </ui:composition>
</html>